.scroll-bar-outer {
  position: absolute;
  // background-color: white;
  cursor: default;
  border-radius: 100px;
  overflow: hidden;
  // opacity: 0.5;
  transition: opacity 0.2s;
  // &:hover {
  //   opacity: 1;
  // }
  .scroll-bar {
    position: absolute;
    cursor: default;
    background-color: #D8D8D8;
    border-radius: 100px;
    -webkit-transform: translateX(2);
    transform: translateX(2);
    &::after {
      content: " ";
      position: absolute;
      top: -2px;
      bottom: -2px;
      left: 0;
      right: 0;
      border-radius: 100px;
      background-color: #D8D8D8;
    }
    // &:hover {
    //   &::after {
    //     background-color: black;
    //   }
    // }
  }
}